<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
        <title><!--{if $user}-->绑定已有用户 <!--{else}-->用户登录 <!--{/if}--> <!--{$site.title}--></title>
        <meta name="keywords" content="<!--{$article.keywords}-->" />
        <meta name="description" content="<!--{$article.description}-->" />
        <!--{iCMS:public:ui}-->
        <script src="<!--{$site.urls.public}-->/js/login.js"></script>
    </head>
    <body>
        
        <div id="page-container">
            <!-- Main Container -->
            <!--{"1"|rand:"39"|as:"bgNum"}-->
            <main id="main-container" style="background: url(<!--{$site.urls.assets}-->/img/bg/photo<!--{$bgNum}-->.jpg) top center no-repeat; background-size: cover">
                <!-- Page Content -->
                <div class="hero-static d-flex align-items-center">
                    <div class="container">
                        <!-- Sign In Section -->
                        <div class="bg-black-25 rounded">
                            <div class="content content-full">
                                <div class="row justify-content-center">
                                    <div class="col-md-6 col-lg-7 d-flex align-items-center">
                                        <div class="content content-full">
                                            <div class="text-center">
                                                <h1 class="h1 text-white mb-2" data-toggle="appear" data-class="animated fadeInDown">
                                                    欢迎使用
                                                    <!--{$site.name}-->
                                                </h1>
                                                <h2 class="h4 font-w400 text-white-75" data-toggle="appear" data-class="animated fadeInDown"><!--{$site.seotitle}--></h2>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-5 py-3 bg-white-90 rounded">
                                        <ul class="nav nav-tabs nav-tabs-alt align-items-center" data-toggle="tabs" role="tablist">
                                            <!--{foreach key='active' value='mode' from="$USER_CONFIG.login.mode"}-->
                                            <li class="nav-item">
                                                <a class="nav-link <!--{$active?'':'active'}-->" href="#<!--{$mode}-->-signin"><!--{$USER_CONFIG.login.modeText[$mode]}--></a>
                                            </li>
                                            <!--{/foreach}-->
                                        </ul>
                                        <div class="pt-3 tab-content">
                                            <!--{foreach key='active' value='mode' from="$USER_CONFIG.login.mode"}-->
                                            <div id="<!--{$mode}-->-signin" class="tab-pane <!--{$active?'':'active'}-->">
                                                <!--{if $mode=='phone'}-->
                                                <form i="form:user:login:phone" class="js-phone-signin" action="<!--{iCMS:route url='user'}-->" method="POST">
                                                    <input type="hidden" name="action" value="login" />
                                                    <input type="hidden" name="gateway" value="phone" />
                                                    <input type="hidden" id="forward" name="forward" value="<!--{$forward}-->" />
                                                    <div class="form-group">
                                                        <input type="text" class="form-control form-control-lg form-control-alt" name="phone" placeholder="手机号" />
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="input-group">
                                                            <input type="text" maxlength="4" class="form-control form-control-lg form-control-alt" name="captcha" placeholder="图形验证码" />
                                                            <div class="input-group-append">
                                                                <!--{iCMS:public:captcha name="phone-signin" class="rounded-right"}-->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="input-group">
                                                            <input maxlength="6" type="text" class="form-control form-control-lg form-control-alt" name="smscode" placeholder="输入6位短信验证码" />
                                                            <div class="input-group-append">
                                                                <button i="event:public:smscode" type="button" class="btn btn-alt-primary">获取短信验证码</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <button type="submit" class="btn btn-block btn-primary">注册/登录</button>
                                                    </div>
                                                </form>
                                                <!--{/if}-->
                                                <!--{if $mode=='account'}-->
                                                <form i="form:user:login:account" class="js-account-signin" action="<!--{iCMS:route url='user'}-->" method="POST">
                                                    <input type="hidden" name="action" value="login" />
                                                    <input type="hidden" name="gateway" value="account" />
                                                    <div class="form-group">
                                                        <input type="text" class="form-control form-control-lg form-control-alt" id="account" name="account" placeholder="手机号、邮箱、用户名" />
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="password" class="form-control form-control-lg form-control-alt" id="password" name="password" placeholder="密码" />
                                                    </div>
                                                    <!--{if $USER_CONFIG.login.captcha }-->
                                                    <div class="form-group">
                                                        <div class="input-group">
                                                            <input type="text" maxlength="4" class="form-control form-control-lg form-control-alt" id="captcha2" name="captcha" placeholder="图形验证码" />
                                                            <div class="input-group-append">
                                                                <!--{iCMS:public:captcha name="account-signin" class="rounded-right"}-->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--{/if}-->
                                                    <div class="form-group mb-3">
                                                        <div class="row no-gutters align-items-center justify-content-between">
                                                            <div class="col-6">
                                                                <a class="font-size-sm font-w500" href="<!--{iCMS:route url='user:reminder'}-->">忘记密码？</a>
                                                            </div>
                                                            <div class="col-6 text-right">
                                                                <a href="<!--{iCMS:route url='user:register'}-->" class="font-size-sm font-w500">现在注册 >></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <button type="submit" class="btn btn-block btn-primary">登录</button>
                                                    </div>
                                                </form>
                                                <!--{/if}-->
                                                <!--{if $mode=='weixin'}-->
                                                <div class="weixin-qrcode">
                                                    <div class="text-center">
                                                        <h3>请使用微信扫码</h3>
                                                        <img src="<!--{iCMS:route url='user:login:qrcode'}-->" alt="">
                                                    </div>
                                                </div>
                                                <!--{/if}-->
                                            </div>
                                            <!--{/foreach}-->
                                        </div>
                                        <p class="font-size-sm font-w400 text-muted mb-3">
                                            未注册手机验证后自动注册并登录，注册即代表同意《
                                            <a href="<!--{iCMS:route url='public:terms'}-->" target="_blank">
                                            <!--{$site.name}-->
                                            网站服务条款</a>》《<a href="<!--{iCMS:route url='public:privacy'}-->" target="_blank"></a>
                                            <!--{$site.name}-->
                                            隐私保护指引</a>》
                                        </p>
                                        <div class="row no-gutters align-items-center justify-content-between">
                                            <div class="col-sm-4 col-md-3 col-lg-4">
                                                <span class="text-secondary font-size-sm">社交帐号登录</span>
                                            </div>
                                            <div class="col-sm-8 col-md-9 col-lg-8">  
                                                <!--{if $USER_CONFIG.open.WX.enable }-->
                                                <a href="<!--{iCMS:route url='user:login:wx'}-->" class="btn btn-sm btn-light mr-1">
                                                    <svg class="Wexin-Icon" fill="#60c84d" viewBox="0 0 24 24" width="20" height="20">
                                                        <path
                                                            d="M2.224 21.667s4.24-1.825 4.788-2.056C15.029 23.141 22 17.714 22 11.898 22 6.984 17.523 3 12 3S2 6.984 2 11.898c0 1.86.64 3.585 1.737 5.013-.274.833-1.513 4.756-1.513 4.756zm5.943-9.707c.69 0 1.25-.569 1.25-1.271a1.26 1.26 0 0 0-1.25-1.271c-.69 0-1.25.569-1.25 1.27 0 .703.56 1.272 1.25 1.272zm7.583 0c.69 0 1.25-.569 1.25-1.271a1.26 1.26 0 0 0-1.25-1.271c-.69 0-1.25.569-1.25 1.27 0 .703.56 1.272 1.25 1.272z"
                                                            fill-rule="evenodd"
                                                        ></path>
                                                    </svg>
                                                    微信
                                                </a>
                                                <!--{/if}-->
                                                <!--{if $USER_CONFIG.open.QQ.enable }-->
                                                <a href="<!--{iCMS:route url='user:login:qq'}-->" class="btn btn-sm btn-light mr-1">
                                                    <svg class="QQ-Icon" fill="#50c8fd" viewBox="0 0 24 24" width="20" height="20">
                                                        <path
                                                            d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.484 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.287.687 6.287 0 0-.688-1.768-1.182-1.768-1.182 2.085-1.77 1.905-3.967 1.905-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z"
                                                            fill-rule="evenodd"
                                                        ></path>
                                                    </svg>
                                                    QQ
                                                </a>
                                                <!--{/if}-->
                                                <!--{if $USER_CONFIG.open.WB.enable }-->
                                                <a href="<!--{iCMS:route url='user:login:wb'}-->" class="btn btn-sm btn-light">
                                                    <svg class="Weibo-Icon" fill="#fb6622" viewBox="0 0 24 24" width="20" height="20">
                                                        <path
                                                            fill="#FB6622"
                                                            d="M15.518 3.06c8.834-.854 7.395 7.732 7.394 7.731-.625 1.439-1.673.309-1.673.309.596-7.519-5.692-6.329-5.692-6.329-.898-1.067-.029-1.711-.029-1.711zm4.131 6.985c-.661 1.01-1.377.126-1.376.126.205-3.179-2.396-2.598-2.396-2.598-.719-.765-.091-1.346-.091-1.346 4.882-.551 3.863 3.818 3.863 3.818zM5.317 7.519s4.615-3.86 6.443-1.328c0 0 .662 1.08-.111 2.797.003-.003 3.723-1.96 5.408.159 0 0 .848 1.095-.191 2.649 0 0 2.918-.099 2.918 2.715 0 2.811-4.104 6.44-9.315 6.44-5.214 0-8.026-2.092-8.596-3.102 0 0-3.475-4.495 3.444-10.33zm10.448 7.792s.232-4.411-5.71-4.207c-6.652.231-6.579 4.654-6.579 4.654.021.39.097 3.713 5.842 3.713 5.98 0 6.447-4.16 6.447-4.16zm-9.882.86s-.059-3.632 3.804-3.561c3.412.06 3.206 3.165 3.206 3.165s-.026 2.979-3.684 2.979c-3.288 0-3.326-2.583-3.326-2.583zm2.528 1.037c.672 0 1.212-.447 1.212-.998 0-.551-.543-.998-1.212-.998-.672 0-1.215.447-1.215.998 0 .551.546.998 1.215.998z"
                                                            fill-rule="evenodd"
                                                        ></path>
                                                    </svg>
                                                    微博
                                                </a>
                                                <!--{/if}-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END Sign In Section -->

                        <!--{include file="iCMS://user/footer.htm"}-->
                    </div>
                </div>
                <!-- END Page Content -->
            </main>
            <!-- END Main Container -->
        </div>
        <!-- END Page Container -->
    </body>
</html>
